// 第一步，创建routerApp模块，引入ui-router路由
//                               项目名称      路由
var routerApp = angular.module('routerApp',['ui.router','loginApp','pageList','xg.page','addCont','modifyCont','showCont']);
// 2.调用run 方法，对项目进行初始化操作
routerApp.run(function ($rootScope,$state,$stateParams) {
    $rootScope.state = $state;
    $rootScope.$stateParams = $stateParams;
})
// 3.调用 config 方法， 对服务进行配置或者是对路由进行设置
routerApp.config(function ($stateProvider,$urlRouterProvider) {
    $urlRouterProvider.otherwise('/index');
    $stateProvider
        .state('index',{
            url:'/index',
            views:{
                '':{
                    templateUrl:'tpls/home.html'
                },
                'main@index':{  //上级视图为index
                    templateUrl:'tpls/login.html'
                }
            }
        })
        .state('list',{
            url:'/list/{type:[0-9]{1,4}}',//路径里面出现数字，跳转list.html页面
            // 当前，我点击全部，点击前端，点击IOS，点击安卓，打开的都是这个页面
            views:{
                '':{
                    templateUrl:'tpls/list.html'
                },
                'type@list':{
                    templateUrl:'tpls/type.html'
                },
                'grid@list':{
                    templateUrl:'tpls/grid.html'
                }
            }
        })
        .state('add',{
            url:'/add',
            views:{
                '':{
                    templateUrl:'tpls/add.html'
                },
                'type@add':{
                    templateUrl:'tpls/type.html'
                },
                'addcon@add':{
                    templateUrl:'tpls/addcon.html'
                }
            }
        })
        .state('modify',{
            url:'/modify/:Id',    //根据对应的ID 来进行内容的修改
            views:{
                '':{
                    templateUrl:'tpls/modify.html'
                },
                'type@modify':{
                    templateUrl:'tpls/type.html'
                },
                'modifycon@modify':{
                    templateUrl:'tpls/modifycon.html'
                }
            }
        })
        .state('show',{
            url:'/show/:Id',   //根据对应的ID 来进行内容的详情查看
            views:{
                '':{
                    templateUrl:'tpls/show.html'
                },
                'type@show':{
                    templateUrl:'tpls/type.html'
                },
                'showcon@show':{
                    templateUrl:'tpls/showcon.html'
                }
            }
        })




    })





















